<template>
    <div id="sec">
        <div id="sec_d1">
            <div id="sec_d2"><p id="sec_p1">4.7</p></div>&nbsp;&nbsp;&nbsp;
            <div id="sec_d3"><span id="sec_span1">商家评分</span><div id="sec_d4"><span class="iconfont">&#xe616;&#xe616;&#xe616;&#xe616;&#xe616;</span></div></div>
        </div>
        <div id="sec_d5">
            <div id="sec_d6">
                <div class="sec-d7"><div class="sec-span2">味道</div><p class="sec-p2">4.0</p></div>
                <div class="sec-d7"><div class="sec-span2">包装</div><p  class="sec-p2">4.1</p></div>
            </div>
            <div id="sec_d7">
                <span>配送</span><p>4.1</p>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="stylus" scoped>
    #sec
        display flex
        margin-bottom 2.133333vw
        padding 5.333333vw 0 8vw 6.4vw
        background-color #fff
        // border 1px solid #f00
        box-sizing border-box
        #sec_d1
            justify-content space-between
            width 33.6vw
            align-items center
            color #666
            display flex
            // border 1px solid #0f0
            #sec_d2
                display flex
                align-items center
                flex-direction column
                display inline-block
                #sec_p1
                    font-size 1.013333rem
                    color #ff6000
                    display inline-block
            #sec_d3
                align-items flex-start
                display flex
                flex-direction column
                display inline-block
                #sec_span1
                    font-size .3rem
                    display inline-block
                    margin-bottom 1.333333vw
                #sec_d4
                    span
                        font-size .1rem
                        color #ffb712
        #sec_d5
            flex 1
            color #666
            justify-content space-between
            align-items center
            display flex
            #sec_d6
                display flex
                flex-direction row
                justify-content space-between
                flex 1
                padding 0 7.2vw
                .sec-d7
                    // display flex
                    align-items center
                    .sec-span2
                        font-size .32rem
                        margin-bottom 1.333333vw
                    .sec-p2
                        font-size .533333rem
            #sec_d7
                width 22.933333vw
                border-left 1px solid #ddd
                // display flex
                text-align center
                align-items center
                ustify-content center
            #sec_d7
                span
                    font-size .32rem
                    margin-bottom 1.333333vw
                p
                    font-size .533333rem




        

        // #sec_d2
        //     flex 1
        //     justify-content space-between
        //     align-items center
        //     color #666
        //     display flex
        //     border 1px solid #00f
</style>

